<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>文章</title>
		<link rel="stylesheet" type="text/css" href="css/article.css"/>
		<link rel="stylesheet" type="text/css" href="font/iconfont.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	</head>
	<body>
		<div class="web">
			<header>
				<div class="search fr">
					<i class="iconfont icon-search1"></i>
				</div>
				<div class="menu fl">
					<i class="iconfont icon-home"></i>
				</div>
				<div class="logo">
					<img src="img/home/logo.png" />
				</div>
			</header>
			<section>
				<!--轮播图-->
				<ul>
					<li>
						<div>
							<img src="img/article/headerimg.jpg"></img>
						</div>
					</li>
				</ul>
				<!--商品列表-->
				<ul>
					<li>
						<div class="title_img">
							<img src="img/article/titleimg_03.jpg"/>
						</div>
						<a href="abstract.html">海天“晒“宴,和汪涵一起,参观海天酱油......</a>
						<div class="number">
							<button>营销</button>
							<i class="iconfont icon-iconaixin"></i>
							<span>120</span>
							<i class="iconfont icon-iconfontyan"></i>
							<span>560</span>
						</div>
						<div class="timer">
							<div class="headimg">
								<img src="img/article/titleimg_07.jpg"/>
							</div>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</li>
					<li>
						<div class="title_img">
							<img src="img/article/titleimg_03.jpg"/>
						</div>
						<a href="abstract.html">海天“晒“宴,和汪涵一起,参观海天酱油......</a>
						<div class="number">
							<button>营销</button>
							<i class="iconfont icon-iconaixin"></i>
							<span>120</span>
							<i class="iconfont icon-iconfontyan"></i>
							<span>560</span>
						</div>
						<div class="timer">
							<div class="headimg">
								<img src="img/article/titleimg_07.jpg"/>
							</div>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</li>
					<li>
						<div class="title_img">
							<img src="img/article/titleimg_03.jpg"/>
						</div>
						<a href="abstract.html">海天“晒“宴,和汪涵一起,参观海天酱油......</a>
						<div class="number">
							<button>营销</button>
							<i class="iconfont icon-iconaixin"></i>
							<span>120</span>
							<i class="iconfont icon-iconfontyan"></i>
							<span>560</span>
						</div>
						<div class="timer">
							<div class="headimg">
								<img src="img/article/titleimg_07.jpg"/>
							</div>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</li>
					<li>
						<div class="title_img">
							<img src="img/article/titleimg_03.jpg"/>
						</div>
						<a href="abstract.html">海天“晒“宴,和汪涵一起,参观海天酱油......</a>
						<div class="number">
							<button>营销</button>
							<i class="iconfont icon-iconaixin"></i>
							<span>120</span>
							<i class="iconfont icon-iconfontyan"></i>
							<span>560</span>
						</div>
						<div class="timer">
							<div class="headimg">
								<img src="img/article/titleimg_07.jpg"/>
							</div>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</li>
					<li>
						<div class="title_img">
							<img src="img/article/titleimg_03.jpg"/>
						</div>
						<a href="abstract.html">海天“晒“宴,和汪涵一起,参观海天酱油......</a>
						<div class="number">
							<button>营销</button>
							<i class="iconfont icon-iconaixin"></i>
							<span>120</span>
							<i class="iconfont icon-iconfontyan"></i>
							<span>560</span>
						</div>
						<div class="timer">
							<div class="headimg">
								<img src="img/article/titleimg_07.jpg"/>
							</div>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</li>
					<li>
						<div class="title_img">
							<img src="img/article/titleimg_03.jpg"/>
						</div>
						<a href="abstract.html">海天“晒“宴,和汪涵一起,参观海天酱油......</a>
						<div class="number">
							<button>营销</button>
							<i class="iconfont icon-iconaixin"></i>
							<span>120</span>
							<i class="iconfont icon-iconfontyan"></i>
							<span>560</span>
						</div>
						<div class="timer">
							<div class="headimg">
								<img src="img/article/titleimg_07.jpg"/>
							</div>
							<span>叶巧岚</span>
							<span>2015年1月20日</span>
						</div>
					</li>
				</ul>
				<!--加载更多-->
				<div class="content_bottom">
					<span>加载更多</span>
				</div>
			</section>
			<footer>
				<ul>
					<li>
						<a href="index.html">
							<i class="iconfont icon-home"></i>
							<h2>首页</h2>
						</a>
					</li>
					<li>
						<a href="GIMC/about.html">
							<i class="iconfont icon-home"></i>
							<h2>GIMC</h2>
						</a>
					</li>
					<li>
						<a href="article.html">
							<i class="iconfont icon-bi"></i>
							<h2>文章</h2>
						</a>
					</li>
					<li>
						<a href="resource/resourceList.html">
							<i class="iconfont icon-science"></i>
							<h2>资源</h2>
						</a>
					</li>
					<li>
						<a href="college/college.html">
							<i class="iconfont icon-iconaboutstudent"></i>
							<h2>学院</h2>
						</a>
					</li>
				</ul>
			</footer>
		</div>
		<script type="text/javascript" src="js/comm.js" ></script>
	</body>
</html>
